<template>
  <el-card class="box-card">
    <el-text>一句话</el-text>
    <div class="content">
      {{ says[num].words }}
      <br /><br />• {{ says[num].provenance }}
    </div>
    <el-button link class="nextBtn" @click="nextContent">下一句</el-button>
  </el-card>
</template>

<script>
export default {
  name: 'OneCard',
  data() {
    return {
      num: 8,
      says: [
        {
          id: 0,
          words: '“温柔正确的人总是难以生存，因为这世界既不温柔，也不正确。”',
          provenance: '《我的青春恋爱物语果然有问题》'
        },
        {
          id: 1,
          words: '"我们所度过的每个平凡的日常，也许就是连续发生的奇迹。"',
          provenance: '《日常》'
        },
        {
          id: 2,
          words: '"正因为生来什么都没有，因此我们能拥有一切。"',
          provenance: '《游戏人生》'
        },
        {
          id: 3,
          words: '"人们认为故事是由人塑造的。事实恰好相反。"',
          provenance: '《随笔》'
        },
        {
          id: 4,
          words: '"人生而自由，却无往不在枷锁中。"',
          provenance: '《社会契约论》'
        },
        {
          id: 5,
          words: '"人的一切痛苦，本质上都是对自己无能的愤怒。"',
          provenance: '《意林》'
        },
        {
          id: 6,
          words: '"没有bug的代码是不完美的"',
          provenance: '程序员'
        },
        {
          id: 7,
          words: '"衣带渐宽终不悔，Bug寻得人憔悴。"',
          provenance: '程序员'
        },
        {
          id: 8,
          words: '"网上都是在制造焦虑，后面忘了......趁现在狠狠的赚一笔。"',
          provenance: 'java'
        },
        {
          id: 9,
          words: '"没有bug的代码是不完美的"',
          provenance: '程序员'
        },
        {
          id: 10,
          words: '"——什么是孤独？——心里明明空荡荡的，却什么也装不下。"',
          provenance: '《网易云》'
        },
        {
          id: 11,
          words:
            '很多事只是最初看起来有意义，但经过多次重复就慢慢失去了意义。"',
          provenance: '《人生的智慧》'
        },
        {
          id: 12,
          words: '"然则天下之事，但知其一，不知其二者多矣，可据理臆断欤？"',
          provenance: '《河中石兽》'
        },
        {
          id: 13,
          words:
            '"所谓觉悟，乃是在漆黑的荒原中，开辟出一条属于自己的星光大道！"',
          provenance: '《JoJo的奇妙历险》'
        },
        {
          id: 14,
          words: '"两个人从监狱的窗户往外看，一个看见了土地，一个看见了星星。"',
          provenance: '《JoJo的奇妙历险》'
        },
        {
          id: 15,
          words: '"大本钟下送快递——上面摆，下面寄。"',
          provenance: '饭堂周末夜'
        },
        {
          id: 16,
          words: '"无聊的并不是时间，而是平庸无奇的我。"',
          provenance: '《樱花庄的宠物女孩》'
        },
        {
          id: 17,
          words: '"停留是刹那，转身即天涯。"',
          provenance: '《你若安好，便是晴天》'
        },
        {
          id: 18,
          words: '"我们登上并非我们所选择的舞台，演出并非我们所选择的剧本。"',
          provenance: '爱比克泰德'
        },
        {
          id: 19,
          words:
            '"一个知识越贫乏的人，越是拥有一种莫名奇怪的勇气和自豪感，因为知识越贫乏，你所相信的东西就越绝对，你根本没有听过与此相对立的观点。"',
          provenance: '罗翔'
        }
      ]
    }
  },
  created() {
    this.num = Math.floor(Math.random() * 20)
  },
  methods: {
    nextContent() {
      const number = Math.floor(Math.random() * 20)
      if (number === this.num) {
        return this.nextContent()
      }
      this.num = number
    }
  }
}
</script>

<style lang="scss" scoped>
.box-card {
  width: 500px;
  height: 500px;
  text-align: center;
}
.el-text {
  font-size: 30px;
  font-family: '宋体', sans-serif;
  color: rgb(133, 45, 200);
}
.content {
  margin-top: 20%;
  font-size: 20px;
  font-style: italic;
  color: #fff;
}
.nextBtn {
  margin-top: 150px;
  font-size: 20px;
}
</style>
